<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>编辑出行人信息</title>  
	<link rel="stylesheet" href="../libs/mui/mui.min.css" />
	<link rel="stylesheet" href="../libs/mui/mui.css" />
	<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../css/main.css" />	
	<style>
		/*头部*/		
		.mui-content{ font-size: 14px;}
		.mui-input-row label{color: #000000;}	
		.mui-table-view-cell{padding: 5px 0;}
		.mui-input-row label{width:30%;text-align: left;padding-left: 15px;padding-right:0px;}
		.mui-input-row label~input{width: 70%;}		
		/*单选框*/
		.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{font-size: 18px;}
		.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{color: #39acff;}
		.mui-radio input[type=radio] {right: initial;top: 8px;width: 20px;height: 20px;}
		.mui-radio label {padding-right: 20px;}	
		.Rao{padding: 7px 0;background: white;border-bottom: 1px solid #efeff4;}		
	</style>	
</head>
<body>
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">编辑出行人信息</h1>		
		<a class="mui-icon mui-pull-right"><h5 class="complete">完成</h5></a>
	</header>
	<div class="mui-content">
		<form id='edit-addr'>	
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<label>姓  名：</label>
						<input type="text" class="travel_name" value=""/>
					</div>	
				</div>					
			</div>				
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<label>手机号码：</label>
						<input type="text" class="travel_phone" value=""/>
					</div>	
				</div>					
			</div>
			<div class="mui-table-views Rao">
				<div class="mui-input-row mui-radio">
					<label>旅客类型</label>					
					<input name="radio" type="radio" class="travel_type" value="成人" checked>
					<label style="padding-left:8%;width: 24%;">成人</label>
					<input name="radio" type="radio" class="travel_type" value="学生" >
					<label style="padding-left:8%;width: 24%;">学生</label>				
				</div>	
			</div>	
		</form>	
		<form id='edit-addr'>	
			<div class="mui-table-views Rao">
				<div class="mui-input-row mui-radio">
					<label>性 别</label>					
					<input name="radio1" type="radio" class="travel_sex" value="男" checked>
					<label style="padding-left:8%;width: 24%;">男</label>
					<input name="radio1" type="radio" class="travel_sex" value="女">
					<label style="padding-left:8%;width: 24%;">女</label>				
				</div>	
			</div>	
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<label>身份证号：</label>
						<input type="text" class="travel_idnumber" value=""/>
					</div>	
				</div>					
			</div>
		</form>		
	</div>		
	<script type="text/javascript" src="../js/open.js"></script>
	<script type="text/javascript" src="../js/mui.js"></script>
	<script type="text/javascript" src="../libs/jquery/jquery.js"></script>
	<script type="text/javascript" src="../js/web_js/public.js"></script>
	<script type="text/javascript" src="../js/web_js/edit_contacts.js"></script>
</body>
</html>